html, body {
	width: 736px;
	height: 450px;
	background: rgba(0, 0, 0, 0);
	color:#B2D7E4;
}
@font-face {
  font-family: "Impact";
  src: url("../../../libs/font/Impact.ttf") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.container{
	width: 736px;
    overflow: hidden;
	color:#B2D7E4;
}
.jrjb-main {
	width: 736px;
	height: 471px;
}
.cityRank{
	padding: 0px;
}
.cityRank li {
	position: relative;
    background: linear-gradient(to right, black, rgb(99 3 3 / 92%)) no-repeat;
    margin: 20px 10px;
    border-bottom: 2px transparent solid;
    border-image: linear-gradient(to right,#204d54,#394f52) 1 10;
}

.rs-scroll-title, .rs-scroll {
	width: 103%;
	height: 60px;
	color: #fff;
	margin: 0 auto;
	line-height: 26px;
	overflow: hidden;
}

.rs-scroll-title ul, .rs-scroll ul {
	list-style: none;
}

.rs-scroll-title li div, .rs-scroll li div {
	    display: inline-block;
    /* width: 60%; */
    text-align: center;
    height: 52px;
    line-height: 52px;
    vertical-align: text-bottom;
    overflow: hidden;
}

.rs-scroll-title {
	font-size: 30px;
	background: #002139;
	border-radius: 8px;
	margin-top: 10px;
}

.rs-scroll {
	height: 449px;
	font-size: 26px;
	overflow-y: scroll;
	color: #fff;
}

.rs-scroll-title li div.rs-order, .rs-scroll li div.rs-order {
	width: 10%;
    text-align: center;
    font-size: 28px;
    height: 50px;
    font-family: Impact;
}

.rs-scroll-title li div.rs-sum, .rs-scroll li div.rs-sum {
	width: 80px;
	text-align: center;
}

.rs-scroll-title li div.rs-level, .rs-scroll li div.rs-level {
	width: 120px;
	text-align: center;
	line-height: 1;
	position: relative;
}

.rs-scroll-title li div.rs-name, .rs-scroll li div.rs-name {
	width: 88%;
    text-align: center;
    overflow: hidden;
    position: relative;
    color:#B2D7E4;
}

.rs-scroll li div.rs-sum {
	padding-left: 30px;
}

.rs-temp-bg {
	background: #002139;
}

div.locate{
	position: absolute;
    vertical-align: baseline;
    right: 0px;
    background: red;
    background:url(../img/loc.png) no-repeat;
    background-size:100%;
    background-position-y: center;
    width:44px;
    height:44px;
    cursor:pointer;
}

span.btm-line {
    height: 2px;
    display: inline-block;
    width: 30px;
    background: transparent;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

span.tip {
    position: absolute;
    right: 40px;
    top: 0px;
}
span label.tip {
    font-size: 30px;
    font-family:Impact;
}
label.unit{
	font-size:20px;
	margin-left:5px;
	color: #c5e0e8;
}
li.color90 span label.tip{
	color:#db7800;
}
li.color80 span label.tip{
	color:#db7800;
}
li.color70 span label.tip{
	color:orange;
}
li.color60 span label.tip{
	color:yellow;
}
li.color50 span label.tip{
	color:#fff;
}

li.color90 .rs-order{
	background: url(../img/R1.png) no-repeat;
    background-size: 100%;
}
li.color80 .rs-order{
	background: url(../img/R2.png) no-repeat;
    background-size: 100%;
}
li.color70 .rs-order{
	background: url(../img/R3.png) no-repeat;
    background-size: 100%;
}
li.color60 .rs-order{
	background: url(../img/R4.png) no-repeat;
    background-size: 100%;
}
li.color50 .rs-order{
	background: url(../img/R.png) no-repeat;
    background-size: 100%;
}

li.color90 span.btm-line{
	background:#db7800;
}
li.color80 span.btm-line{
	background:#db7800;
}
li.color70 span.btm-line{
	background:orange;
}
li.color60 span.btm-line{
	background:#b99f41;
}
li.color50 span.btm-line{
	background:#448ad0;
}
li.color90{
	background: linear-gradient(to right, black, rgb(243 76 80 / 30%)) no-repeat;
}
li.color80{
	background: linear-gradient(to right, black, rgb(178 107 68 / 30%)) no-repeat;
}
li.color70{
	background: linear-gradient(to right, black, rgb(196 182 100 / 30%)) no-repeat;
}
li.color60{
	background: linear-gradient(to right, black, rgb(132 113 59 / 80%)) no-repeat;
}
li.color50{
	background: linear-gradient(to right, black, rgb(39 90 119 / 92%)) no-repeat;
}

.rs-title {
	height: 50px;
	color: #efefef;
	font-size: 35px;
	background: rgb(15, 92, 154);
	line-height: 50px;
	padding: 5px 0;
	cursor: pointer;
}

.rs-temp-first {
	background: green;
}

.rs-temp-last {
	border-bottom: 2px solid #af940a;
}

ul.cityRank .rs-order, ul#provinceRank .rs-order {
	/* padding-left: 28px; */
}

.cityRank span.time {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	text-align: left;
	color: #c3c2c2;
}

.cityRank span.name {
	    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 30px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
}

.cityRank span.level {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 70px;
	font-size: 34px;
	letter-spacing: 4px;
}

.cityRank span.icon img {
	vertical-align: middle;
	height: 60px;
}

.cityRank span.level.l-1 {
	color: #FF5100;
}

.cityRank span.level.l-2 {
	color: #FF8400;
}

.cityRank span.level.l-3 {
	color: #E0FF00;
}

.cityRank span.level.l-4 {
	color: #007BFF;
}